<template>
  <div class="cooperation">
    <div class="cooperationtext">CONTACT US</div>
    <div class="cooperationimage">
      <img src="../assets/images/lx_bg.jpg" />
      <div class="cooperationintroduce">
        <ul>
          <li>
            <el-icon><House /></el-icon> 四川锦一建设工程有限公司
          </li>
          <li>
            <el-icon><Phone /></el-icon> 电话:13980972113
          </li>
          <li>
            <el-icon><Promotion /></el-icon> 邮箱:467713109@qq.com
          </li>
          <li>
            <el-icon><Location /></el-icon>
            地址:四川省青羊区光华北三路98号光华中心A座8楼803号
          </li>
        </ul>
      </div>
      <div class="more" @click="tocontact"><a>查看更多</a></div>
    </div>
  </div>
</template>

<script>
export default {
  name: "cooperation",
  props: {},
  components: {},
  data() {
    return {};
  },
  methods: {
    tocontact() {
      this.$router.push("/contact");
    },
  },
};
</script>

<style lang="scss" scoped>
.cooperation {
  .cooperationtext {
    height: 56px;
    text-align: center;
    line-height: 56px;
    background-color: #017cc2;
    color: #fff;
    font-weight: bold;
    font-size: 26px;
  }
  .cooperationimage {
    height: 460px;
    > img {
      width: 100%;
    }
    .more {
      height: 38px;
      line-height: 38px;
      text-align: center;
      background-color: #017cc2;
      > a {
        color: #fff;
        font-size: 17px;
        text-decoration: none;
        cursor: pointer;
      }
    }
  }
  .cooperationintroduce {
    > ul {
      list-style: none;
      font-size: 14px;
      > li {
        text-align: left;
        margin-top: 8px;
        color: #000000;
        > i {
          color: #049add;
        }
      }
    }
  }
}
</style>
